// evcp/vendor-data/page.tsx - 전체 계약 대상 협력업체 데이터
import * as React from "react"
import { Separator } from "@/components/ui/separator"

export default async function IndexPage() {
  return (
    <div className="space-y-6">
      <div>
        <h3 className="text-lg font-medium">전체 계약 협력업체 데이터 대시보드</h3>
        <p className="text-sm text-muted-foreground">
          모든 계약의 협력업체 데이터를 확인하고 관리할 수 있습니다.
        </p>
      </div>
      <Separator />
      <div className="grid gap-4">
        <div className="rounded-lg border p-4">
          <h4 className="text-sm font-medium">사용 방법</h4>
          <p className="text-sm text-muted-foreground mt-1">
            1. 왼쪽 사이드바에서 계약을 선택하세요.<br />
            2. 선택한 계약의 패키지 항목을 클릭하세요.<br />
            3. 패키지의 태그 정보를 확인하고 관리할 수 있습니다.<br />
            4. 폼 항목을 클릭하여 칼럼 정보를 확인하고 관리할 수 있습니다.
          </p>
        </div>
      </div>
    </div>
  )
}